<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="深圳沙漠风网络科技 www.szweb.cn" />
    <title>广州建胜工程咨询有限公司-新风系统,管道风机,换气扇,浴暖宝(浴霸),中央吸尘系统,垃圾压缩机,高效过滤新风机,免费换气设计</title>
    <meta name="keywords" content="新风系统,管道风机,换气扇,排气扇,浴暖宝,浴霸,天埋扇,暖浴快,PM2.5新风机,高效过滤新风机,中央吸尘系统,垃圾压缩机,布朗新风系统,免费换气设计,broan换气扇,太阳能换气扇" />
    <meta name="Description" content="广州建胜工程咨询有限公司,主要从事BROAN品牌新风系统,管道风机,换气扇,浴暖宝(浴霸),中央吸尘器等产品研发和销售,现诚招优质经销商"/>
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/MxSlider.css">
    <script src="js/jquery-1.8.3.min_2.js"></script>
    <link rel="shortcut icon" href="img/icon.jpg" type="image/x-icon" />
</head>
<body>

<div class="header">
    <div class="header-left">
        <a href="index.html"><img src="img/logo.jpg"><p>广州建胜工程咨询有限公司</p></a>
    </div>
    <div class="header-right">
        <p>全国免费电话：400-822-9957</p>
        <p>售后服务热线：020-66635816</p>
        <p>投诉服务热线：134-3032-9687</p>
    </div>
</div>
<div class="headernav">
    <div class="nav">
        <ul>
            <li class="cur"><a href="index.html">首页</a></li>
            <li><a href="product.html">新风系统</a></li>
            <li><a href="Default.html">光触媒</a></li>
            <li><a href="Default.html">空气净化器</a></li>
            <li><a href="Default.html">净水器</a></li>
            <li><a href="jion.html">招商加盟</a></li>
            <li><a href="reserve.html">线上预定</a></li>
            <li><a href="about.html">关于公司</a></li>
        </ul>
        <div class="curBg"></div>
        <div class="cls"></div>
    </div>
</div>

<div class="banner">
    <ul>
    </ul>
    <ol>
    </ol>
</div>

<div class="procenter">
    <div class="web procenterlist">
        <h1>产品中心</h1><br>
        <p>Product Center</p>
        <div class="procenterbtn">
            <a href="javascript:;" class="">新风系统</a>
            <a href="javascript:;" class="">光触媒</a>
            <a href="javascript:;" class="">空气净化器</a>
            <a href="javascript:;" class="">净水器</a>

        </div>



        <div class="procenterwrap">
            <div class="procentercont changestar">
                <ul class="swiper-wrapper clearfix">

                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>新风净化机</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>

                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>新风净化机</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>

                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>新风净化机</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>

                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>新风净化机</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>

                </ul>
                <a class="proleft" href="javascript:;"></a>
                <a class="proright" href="javascript:;"></a>
            </div>

        </div>
        <div class="procenterwrap">
            <div class="procentercont changestar">
                <ul class="swiper-wrapper clearfix">

                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>光触媒</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>光触媒</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>光触媒</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>光触媒</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                </ul>
                <a class="proleft" href="javascript:;"></a>
                <a class="proright" href="javascript:;"></a>
            </div>

        </div>
        <div class="procenterwrap">
            <div class="procentercont changestar">
                <ul class="swiper-wrapper clearfix">

                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>空气净化器</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>空气净化器</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>空气净化器</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>空气净化器</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>


                </ul>
                <a class="proleft" href="javascript:;"></a>
                <a class="proright" href="javascript:;"></a>
            </div>

        </div>
        <div class="procenterwrap">
            <div class="procentercont changestar">
                <ul class="swiper-wrapper clearfix">

                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>净水器</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>净水器</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>净水器</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <a class="imglink" href="Default.html">
                            <img src="img/x1.jpg" /></a>
                        <div>
                            <a href="Default.html">
                                <h4>净水器</h4>
                                <p>HYQF60GD/B</p>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>

<div class="showroom">
    <div class="showroomcont web">
        <div class="showroomlist" id="showroomlist">
            <h1>案例展示厅</h1><br>
            <p>Case Showroom</p>
            <ul>
                <li id="showCase1">
                    <a href="Default.html">
                        <img src="img/z1.jpg" />
                    </a>
                </li>
                <li id="showCase2">
                    <a href="Default.html">
                        <img src="img/z1.jpg" />
                    </a>
                </li>
                <li id="showCase3">
                    <a href="Default.html">
                        <img src="img/z1.jpg" />
                    </a>
                </li>
            </ul>
        </div>
        <div class="showroomlist">
            <ul>
                <li>
                    <div><a id="showroombottom1" href="#">案例展厅</a></div>
                </li>
                <li>
                    <div><a id="showroombottom2" href="#">案例展厅</a></div>
                </li>
                <li>
                    <div><a id="showroombottom3" href="#">案例展厅</a></div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="newscont">
    <div class="web newscontlist">
        <h1>新闻展示</h1><br>
        <p>News</p>
        <div class="newslist">
            <ul class="clearfix">

                <li>
                    <a href="Default.html">
                        <img src="img/yang.jpg" />
                        <h4>广州建胜战略合作伙伴</h4>
                        <p>广州建胜是一家独立的为业主房产提供房屋质检服务的专业公司。公司坚持以验房，装饰监理，室内环保检测治理为主</p>
                    </a>
                    <div class="thisdate">
                        <span>24</span>
                        <p>2016.11</p>
                    </div>
                </li>

                <li>
                    <a href="Default.html">
                        <img src="img/yang.jpg" />
                        <h4>广州建胜战略合作伙伴</h4>
                        <p>广州建胜是一家独立的为业主房产提供房屋质检服务的专业公司。公司坚持以验房，装饰监理，室内环保检测治理为主</p>
                    </a>
                    <div class="thisdate">
                        <span>24</span>
                        <p>2016.11</p>
                    </div>
                </li>
                <li>
                    <a href="Default.html">
                        <img src="img/yang.jpg" />
                        <h4>广州建胜战略合作伙伴</h4>
                        <p>广州建胜是一家独立的为业主房产提供房屋质检服务的专业公司。公司坚持以验房，装饰监理，室内环保检测治理为主</p>
                    </a>
                    <div class="thisdate">
                        <span>24</span>
                        <p>2016.11</p>
                    </div>
                </li>

            </ul>
        </div>
    </div>
</div>

<div class="bbanner">
    <!-- My box for the slider -->
    <div class="mx-bugs_bunny">
        <!-- Slider -->
        <div class="ZI-slider">
            <div>
                <img src="img/Cbanner.jpg" alt="" />
                <div class="mx-bugs_info">
                    <a href="#" target="_blank">
                        广州科技贸易职业学院朱院长，方院长，创业学院王院长，学院常委就业处钱处长处长，教务处谢处长，管理学院王院长刘书记等学院领导莅临广州建胜工程咨询有限公司指导工作
                    </a>
                </div>
            </div>
            <div>
                <img src="img/Cbanner.jpg" alt="" />
                <div class="mx-bugs_info">
                    <a href="#" target="_blank">
                        22222222
                    </a>
                </div>
            </div>
            <div>
                <img src="img/Cbanner.jpg" alt="" />
                <div class="mx-bugs_info">
                    <a href="#" target="_blank">
                        333333
                    </a>
                </div>
            </div>
        </div>
        <!-- Slider -->
    </div>
</div>

<script src="js/MxSlider.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $( '.ZI-slider' ).MxSlider( {
            autoPlay: true,
            dots: true,
            timeSlide: 500
        } );
    })
</script>
<!-- style="background: url('img/caodi01.jpg')"-->
<div class="showroom">
    <div class="showroomcont web">
        <div class="showroomlist">
            <h1>产品展示厅</h1><br>
            <p>Product Showroom</p>
            <ul>
                <li id="showCase4">
                    <a href="Default.html">
                        <img src="img/z1.jpg" />
                    </a><br>

                </li>

                <li id="showCase5">
                    <a href="Default.html">
                        <img src="img/z1.jpg" /></a>
                </li>
                <li id="showCase6">
                    <a href="Default.html">
                        <img src="img/z1.jpg" /></a>
                </li>
            </ul>
        </div>
        <div class="showroomlist">
            <ul>
                <li>
                    <div><a id="showroombottom4" href="#">建胜公司展厅</a></div>
                </li>
                <li>
                    <div><a id="showroombottom5" href="#">建胜公司展厅</a></div>
                </li>
                <li>
                    <div><a id="showroombottom6" href="#">建胜公司展厅</a></div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="footer">
    <div class="footlink" style="background: url('img/db01.jpg')">
        <div class="web clearfix">
            <ul class="lanlist clearfix">
                <li class="lastweixin">
                    <h4>广州建胜官方微信</h4>
                    <img src="img/wx.jpg" width="113" height="113" />
                    <p>扫描二维码，关注我们</p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">新风系统</a></p>
                    <p><a href="Default.html">中央式</a></p>
                    <p><a href="Default.html">壁特式</a></p>
                    <p><a href="Default.html">阳台明装式</a></p>
                    <p><a href="Default.html">立式</a></p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">光触媒</a></p>
                    <p><a href="Default.html">空气检测</a></p>
                    <p><a href="Default.html">室内除甲醛</a></p>
                    <p><a href="Default.html">车内除甲醛</a></p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">空气净化器</a></p>
                    <p><a href="Default.html">室内空气净化器</a></p>
                    <p><a href="Default.html">车载空气净化器</a></p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">净水器</a></p>
                    <p><a href="Default.html">厨房净水系统</a></p>
                    <p><a href="Default.html">RO纯水净水系统</a></p>
                    <p><a href="Default.html">中央净水系统</a></p>
                    <p><a href="Default.html">工程商务净水系统</a></p>
                </li>
                <li>
                    <p class="thistitle"><a href="Default.html">招商加盟</a></p>
                    <p><a href="Default.html">精工商品</a></p>
                    <p><a href="Default.html">加盟支持</a></p>
                    <p><a href="Default.html">加盟优势</a></p>
                    <p><a href="Default.html">加盟申请</a></p>
                </li>
                <div class="footabout">
                    <h4>广州建胜工程咨询有限公司</h4>
                    <p><a href="Default.html">广州建胜工程咨询有限公司</a></p>
                    <p><a href="Default.html">全国免费服务咨询中心：400822-9957</a></p>
                    <p><a href="Default.html">售后服务热线：020-66635816</a></p>
                    <p><a href="Default.html">投诉热线：134-3032-9687</a></p>
                    <p><a href="Default.html">邮箱：gzjs800@163.com</a></p>
                    <p><a href="Default.html">备案号:粤ICP备15105541号</a></p>
                </div>
            </ul>

        </div>
    </div>
</div>
<!--qq聊天代码部分begin-->

<link href="css/style.css" rel="stylesheet" type="text/css">
<div id="menuRight">
    <a target="_blank"  href="http://wpa.qq.com/msgrd?v=3&uin=673457942&site=qq&menu=yes" id="udesk-feedback-tab" class="udesk-feedback-tab-left" style="display: block; background-color: black;"><div id="triangle1"></div><div id="oneCon1"></div></a>
    <div class="izl-rmenu">
        <a class="consult" target="_blank"><div id="triangle2"></div><div class="phone" style="display:none;">020-66635816</div><div id="oneCon2"></div></a>
        <a class="cart"><div id="triangle3"></div><div class="pic"></div><div id="oneCon3"></div></a>
        <a href="javascript:void(0)" class="btn_top" style="display: block;"></a>
    </div><!--http://b.qq.com/webc.htm?new=0&sid=673457942&o=gzjs12315.com&q=7-->
</div>

<script type="text/javascript">
    $(function(){ //页面加载完毕才执行

        //=========设置参数==========
        //图片统一高度：
        var images_height = '560px';
        //图片路径/链接(数组形式):
        var images_url = [
            'img/banner.jpg',
            'img/banner.jpg',
            'img/banner.jpg'
        ];
        var images_count = images_url.length;
        //console.log(images_count);

        //创建节点
        //图片列表节点
        for(var j=0;j<images_count+1;j++){
            $('.banner ul').append('<li></li>')
        }
        //轮播圆点按钮节点
        for(var j=0;j<images_count;j++){
            if(j==0){
                $('.banner ol').append('<li class="current"></li>')
            }else{
                $('.banner ol').append('<li></li>')
            }
        }

        //载入图片
        $('.banner ul li').css('background-image','url('+images_url[0]+')');
        $.each(images_url,function(key,value){
            $('.banner ul li').eq(key).css('background-image','url('+value+')');
        });

        $('.banner').css('height',images_height);

        $('.banner ul').css('width',(images_count+1)*100+'%');

        $('.banner ol').css('width',images_count*100+'px');
        $('.banner ol').css('margin-left',-images_count*100*0.5-10+'px');

        //=========================

        var num = 0;
        //获取窗口宽度
        var window_width = $(window).width();
        $(window).resize(function(){
            window_width = $(window).width();
            $('.banner ul li').css({width:window_width});
            clearInterval(timer);
            nextPlay();
            timer = setInterval(nextPlay,5000);
        });
        //console.log(window_width);
        $('.banner ul li').width(window_width);
        //轮播圆点
        $('.banner ol li').mouseover(function(){//用hover的话会有两个事件(鼠标进入和离开)
            $(this).addClass('current').siblings().removeClass('current');
            //第一张图： 0 * window_width
            //第二张图： 1 * window_width
            //第三张图： 2 * window_width
            //获取当前编号
            var i = $(this).index();
            //console.log(i);
            $('.banner ul').stop().animate({left:-i*window_width},500);
            num = i;
        });
        //自动播放
        var timer = null;
        function prevPlay(){
            num--;
            if(num<0){
                //悄悄把图片跳到最后一张图(复制页,与第一张图相同),然后做出图片播放动画，left参数是定位而不是移动的长度
                $('.banner ul').css({left:-window_width*images_count}).stop().animate({left:-window_width*(images_count-1)},500);
                num=images_count-1;
            }else{
                //console.log(num);
                $('.banner ul').stop().animate({left:-num*window_width},500);
            }
            if(num==images_count-1){
                $('.banner ol li').eq(images_count-1).addClass('current').siblings().removeClass('current');
            }else{
                $('.banner ol li').eq(num).addClass('current').siblings().removeClass('current');

            }
        }
        function nextPlay(){
            num++;
            if(num>images_count){
                //播放到最后一张(复制页)后,悄悄地把图片跳到第一张,因为和第一张相同,所以难以发觉,
                $('.banner ul').css({left:0}).stop().animate({left:-window_width},500);
                //css({left:0})是直接悄悄改变位置，animate({left:-window_width},500)是做出移动动画
                //随后要把指针指向第二张图片,表示已经播放至第二张了。
                num=1;
            }else{
                //在最后面加入一张和第一张相同的图片，如果播放到最后一张，继续往下播，悄悄回到第一张(肉眼看不见)，从第一张播放到第二张
                //console.log(num);
                $('.banner ul').stop().animate({left:-num*window_width},500);
            }
            if(num==images_count){
                $('.banner ol li').eq(0).addClass('current').siblings().removeClass('current');
            }else{
                $('.banner ol li').eq(num).addClass('current').siblings().removeClass('current');

            }
        }
        timer = setInterval(nextPlay,5000);
        //鼠标经过banner，停止定时器,离开则继续播放
        $('.banner').mouseenter(function(){
            clearInterval(timer);
            //左右箭头显示(淡入)
            $('.banner i').fadeIn();
        }).mouseleave(function(){
            timer = setInterval(nextPlay,5000);
            //左右箭头隐藏(淡出)
            $('.banner i').fadeOut();
        });
        //播放下一张
        $('.banner .right').click(function(){
            nextPlay();
        });
        //返回上一张
        $('.banner .left').click(function(){
            prevPlay();
        });



        //导航栏！
        var $liCur = $(".nav ul li.cur"),
                curP = $liCur.position().left,
                curW = $liCur.outerWidth(),
                $slider = $(".curBg"),
                $navBox = $(".nav");
        $targetEle = $(".nav ul li a"),
                $slider.animate({
                    "left":curP,
                    "width":curW
                });
        $targetEle.mouseenter(function () {
            var $_parent = $(this).parent(),
                    _width = $_parent.outerWidth(),
                    posL = $_parent.position().left;
            $slider.stop(true, true).animate({
                "left":posL,
                "width":_width
            }, "normal");
        });
        $navBox.mouseleave(function (cur, wid) {
            cur = curP;
            wid = curW;
            $slider.stop(true, true).animate({
                "left":cur,
                "width":wid
            }, "normal");
        });
        //导航栏

        //侧边上下滑动
        $('#triangle1').addClass('triangle');
        $('#oneCon1').addClass('oneCon');
        $('#udesk-feedback-tab').mouseover(function () {
            $('#triangle2,#triangle3').removeClass();
            $('#oneCon2,#oneCon3').removeClass();
            $('#triangle1').addClass('triangle');
            $('#oneCon1').addClass('oneCon');
        });

        $('.consult').mouseover(function () {
            $('#triangle1,#triangle3').removeClass();
            $('#oneCon1,#oneCon3').removeClass();
            $('#triangle2').addClass('triangle2');
            $('#oneCon2').addClass('oneCon');
        });

        $('.cart').mouseover(function () {
            $('#triangle1,#triangle2').removeClass();
            $('#oneCon1,#oneCon2').removeClass();
            $('#triangle3').addClass('triangle3');
            $('#oneCon3').addClass('oneCon');
        });
        //侧边上下滑动

        //showroomlistbottom!
        $('#showCase1').mouseover(function () {
            $('#showroombottom2,#showroombottom3').removeClass();
            $('#showroombottom1').addClass('showroombottom');
        });
        $('#showCase2').mouseover(function () {
            $('#showroombottom1,#showroombottom3').removeClass();
            $('#showroombottom2').addClass('showroombottom');
        });
        $('#showCase3').mouseover(function () {
            $('#showroombottom2,#showroombottom1').removeClass();
            $('#showroombottom3').addClass('showroombottom');
        });
        //showroomlistbottom!

        //showroomlistbottom!
        $('#showCase4').mouseover(function () {
            $('#showroombottom5,#showroombottom6').removeClass();
            $('#showroombottom4').addClass('showroomnonsty');
        });
        $('#showCase5').mouseover(function () {
            $('#showroombottom4,#showroombottom6').removeClass();
            $('#showroombottom5').addClass('showroomnonsty');
        });
        $('#showCase6').mouseover(function () {
            $('#showroombottom4,#showroombottom5').removeClass();
            $('#showroombottom6').addClass('showroomnonsty');
        });
        //showroomlistbottom!
    });
</script>
<script type="text/javascript">
    window.onload = function () {
        window.onscroll =function () {
            var oDiv = document.getElementById('menuRight');
            var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;

            //oDiv.style.top = scrollTop+(document.documentElement.clientHeight - oDiv.offsetHeight)/2+'px';
            var t = scrollTop+(document.documentElement.clientHeight - oDiv.offsetHeight)/2;
            startMove(parseInt(t));
        };
        var timer = null;
        function startMove(iTarget) {
            var oDiv = document.getElementById('menuRight');
            clearInterval(timer);
            timer = setInterval(function () {
                var iSpeed = (iTarget-oDiv.offsetTop)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

                if(oDiv.offsetTop == iTarget){
                    clearInterval(timer);
                }else {
                    oDiv.style.top = oDiv.offsetTop+iSpeed+'px';
                }

            }, 30);
        }
    };
</script>
<!--qq聊天代码部分end-->
<script>window.jQuery || document.write('<script src="js/jquery-1.8.3.min_2.js"><\/script>')</script>
<script type="text/javascript">
    /*---------返回顶部----------*/
    $(function() {
        $(".btn_top").hide();
        $(".btn_top").on("click",function(){
            $('html, body').animate({scrollTop: 0},300);return false;
        })
        $(window).bind('scroll resize',function(){
            if($(window).scrollTop()<=300){
                $(".btn_top").hide();
            }else{
                $(".btn_top").show();
            }
        })
    })
    /*---------返回顶部 end----------*/
</script>
</body>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/idangerous.swiper-2.1.min.js"></script>
<script type="text/javascript" src="js/layout.js"></script>

</html>
